<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>

<title>jQuery Autocomplete Plugin</title>

<link rel="stylesheet" type="text/css" href="demo.css" />
<link rel="stylesheet" type="text/css" href="jquery.tokentextbox.css" />
<link rel="stylesheet" href="http://dev.jquery.com/view/trunk/plugins/autocomplete/jquery.autocomplete.css" type="text/css" />
<script type="text/javascript" src="lib/jquery-1.2.6.min.js"></script>
<script type='text/javascript' src='lib/jquery.field.js'></script>
<script type='text/javascript' src='lib/jquery.autocomplete.tweaked.js'></script>
<script type='text/javascript' src='jquery.parentautocomplete.js'></script>
<script type='text/javascript' src='jquery.tokentextbox.js'></script>
<script type='text/javascript' src='lib/localdata.js'></script>
  	
<script type="text/javascript">
$().ready(function() {
    $(".tokentexta").tokentextbox({
        autocomplete_options: {
            data: cities
        }
    });
    $(".tokentextb").tokentextbox({
       separators: " ",
       autocomplete_options: {
           data: cities,
           minChars:1, // minChars:2 doesn't work for some reason... needs to be a URL? Char count is lost in modified version?
           autoFill:true,
           mustMatch:true
       }
    });
    
    $("#norm_auto").autocomplete(cities); // This is broken
    
});
</script>
	
</head>

<body>

<form>
    <p><label for="norm1">Normal 1</label><input type="text" name="" value="" id="norm1" /></p>
    <p><label for="mtb1">Comma-separated</label><input type="text" name="" value="" id="mtb1" class="tokentexta" /></p>
    <p><label for="norm2">Normal 2</label><input type="text" name="" value="" id="norm2" /></p>
    <p><label for="mtb2">Space-separated</label><input style="width:400px;" type="text" name="" value="ihas avalue" id="mtb2" class="tokentextb" /></p>
    <p><label for="norm4">Normal 3</label><input type="text" name="" value="" id="norm4" /></p>
    <p><label for="mtb4">Comma-separated (based on a textarea)</label><textarea style="width:400px;" type="text" name="" id="mtb4" class="tokentexta" />i has, a value</textarea></p>
    <p><label for="norm_auto">Normal Autocomplete</label><input type="text" name="" value="" id="norm_auto" class="autocomplete" /></p>

    
</form>

</body>
</html>
